@import './common';

page{
	background-color: #F8F8F8;
}

.lists-wrap{
	box-sizing:border-box;
	padding:0 setSize(24);

	.lists{
		position:relative;
		background-color:#fff;
		margin-top: setSize(24);
		border-radius:setSize(8);

		.img-box{
			width: 100%;
			height: setSize(335);

			.img{
				display: block;
				width: 100%;
				height: 100%;
			}
		}

		.title-box{
			position:absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			color:#fff;

			.title{
				position:absolute;
				bottom: setSize(100);
				left: setSize(24);
				width: setSize(500);
				line-height:setSize(45);
				font-size:setSize(32);
				font-weight:600;
				color:rgba(255,255,255,1);
			}

			.gym{
				line-height:setSize(59);
				font-size:setSize(42);
				font-weight:600;
			}

			.text{
				position:absolute;
				bottom: setSize(14);
				left: setSize(24);
				font-size:setSize(24);
				font-weight:500;
			}
		}
	}
}

.content-wrap{
	line-height:setSize(60);
	box-sizing:border-box;
	padding:setSize(40) setSize(48);
	font-size:setSize(32);
	font-weight:500;
	color:#666666;

	.title{
		color: #333333;
	}

	.time{
		margin-top: setSize(10);
	}
}

.foot-wrap{
	height: setSize(96);

	.foot-box{
		position: fixed;
		left: 0;
		bottom:0;
		width: 100%;
		height: setSize(96);
		z-index: 999;
		overflow: hidden;
		background-color:#fff;
		box-shadow:setSize(0) setSize(-1) setSize(4) setSize(0) rgba(0,0,0,0.16);

		.text-box{

			.title{
				color: #333333;
				font-size:setSize(24);
				font-weight:500;
				color:rgba(51,51,51,1);
			}

			.text{
				margin-left: setSize(6);
				font-size:setSize(40);
				font-weight:600;
				color:$mainColor;
			}
		}


		.btn{
			position:relative;
			line-height: setSize(100);
			box-sizing:border-box;
			padding:0 setSize(24);
			color: #8a8a8a;
			font-size: setSize(28);
			font-weight: 400;
			color: #fff;
			background-color:#FA6B2F;
			text-align: center;
		}

		.share-btn{
			background-color:#F8CE1A;

			>.btn{
				position:absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
			}
		}
	}
}